﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UcSlide.ascx.cs" Inherits="Layout_website.Component.UcSlide" %>
<section class="banner-wrapper">
    <div class="banner-block container">
        <div class="flexslider">

            <div class="flex-viewport" style="overflow: hidden; position: relative;">
                <ul class="slides" style="width: 1200%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(-2768px, 0px, 0px);">
                    <li class="clone" style="width: 692px; float: left; display: block;">
                        <a href="#">
                            <img title="Banner" alt="Banner" src="../Content/images/banner4.jpg"></a></li>
                    <li style="width: 692px; float: left; display: block;" class="">
                        <img title="Banner" alt="Banner" src="../Content/images/banner1.jpg"></li>
                    <li class="" style="width: 692px; float: left; display: block;">
                        <img title="Banner" alt="Banner" src="../Content/images/banner2.jpg"></li>
                    <li class="" style="width: 692px; float: left; display: block;">
                        <img title="Banner" alt="Banner" src="../Content/images/banner3.jpg"></li>
                    <li class="flex-active-slide" style="width: 692px; float: left; display: block;">
                        <img title="Banner" alt="Banner" src="../Content/images/banner4.jpg"></li>
                    <li style="width: 692px; float: left; display: block;" class="clone">
                        <img title="Banner" alt="Banner" src="../Content/images/banner1.jpg"></li>
                </ul>
            </div>
            <ol class="flex-control-nav flex-control-paging">
                <li><a class="">1</a></li>
                <li><a class="">2</a></li>
                <li><a class="">3</a></li>
                <li><a class="flex-active">4</a></li>
            </ol>
            <ul class="flex-direction-nav">
                <li><a class="flex-prev" href="#">Previous</a></li>
                <li><a class="flex-next" href="#">Next</a></li>
            </ul>
        </div>

        <ul class="banner-add">
            <li >


                <div class="flexslider_title">
                    <div class="title">


                    </div>
                </div>
            </li>
            <li class="add1">
                 <div class="flexslider">

                    <div class="flex-viewport" style="overflow: hidden; position: relative;">
                        <ul class="slides" style="width: 1200%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(-2768px, 0px, 0px);">
                            <li class="clone" style="width: 692px; float: left; display: block;">
                                <a href="#">
                                    <img title="Banner" alt="Banner" src="../Content/images/banner4.jpg"></a></li>
                            <li style="width: 692px; float: left; display: block;" class="">
                                <img title="Banner" alt="Banner" src="../Content/images/banner1.jpg"></li>
                            <li class="" style="width: 692px; float: left; display: block;">
                                <img title="Banner" alt="Banner" src="../Content/images/banner2.jpg"></li>
                            <li class="" style="width: 692px; float: left; display: block;">
                                <img title="Banner" alt="Banner" src="../Content/images/banner3.jpg"></li>
                            <li class="flex-active-slide" style="width: 692px; float: left; display: block;">
                                <img title="Banner" alt="Banner" src="../Content/images/banner4.jpg"></li>
                            <li style="width: 692px; float: left; display: block;" class="clone">
                                <img title="Banner" alt="Banner" src="../Content/images/banner1.jpg"></li>
                        </ul>
                    </div>
                    <ol class="flex-control-nav flex-control-paging">
                        <li><a class="">1</a></li>
                        <li><a class="">2</a></li>
                        <li><a class="">3</a></li>
                        <li><a class="flex-active">4</a></li>
                    </ol>
                    <ul class="flex-direction-nav">
                        <li><a class="flex-prev" href="#">Previous</a></li>
                        <li><a class="flex-next" href="#">Next</a></li>
                    </ul>
                </div>
           </li>
            <li class="add2">
               
                 <div class="flexslider">

                    <div class="flex-viewport" style="overflow: hidden; position: relative;">
                        <ul class="slides" style="width: 1200%; -webkit-transition: 0s; transition: 0s; -webkit-transform: translate3d(-2768px, 0px, 0px);">
                            <li class="clone" style="width: 692px; float: left; display: block;">
                                <a href="#">
                                    <img title="Banner" alt="Banner" src="../Content/images/banner4.jpg"></a></li>
                            <li style="width: 692px; float: left; display: block;" class="">
                                <img title="Banner" alt="Banner" src="../Content/images/banner1.jpg"></li>
                            <li class="" style="width: 692px; float: left; display: block;">
                                <img title="Banner" alt="Banner" src="../Content/images/banner2.jpg"></li>
                            <li class="" style="width: 692px; float: left; display: block;">
                                <img title="Banner" alt="Banner" src="../Content/images/banner3.jpg"></li>
                            <li class="flex-active-slide" style="width: 692px; float: left; display: block;">
                                <img title="Banner" alt="Banner" src="../Content/images/banner4.jpg"></li>
                            <li style="width: 692px; float: left; display: block;" class="clone">
                                <img title="Banner" alt="Banner" src="../Content/images/banner1.jpg"></li>
                        </ul>
                    </div>
                    <ol class="flex-control-nav flex-control-paging">
                        <li><a class="">1</a></li>
                        <li><a class="">2</a></li>
                        <li><a class="">3</a></li>
                        <li><a class="flex-active">4</a></li>
                    </ol>
                    <ul class="flex-direction-nav">
                        <li><a class="flex-prev" href="#">Previous</a></li>
                        <li><a class="flex-next" href="#">Next</a></li>
                    </ul>
                </div>

            </li>
            
        </ul>
    </div>
</section>